<template>
	<!-- <view> -->
	<ge-page id="ge-page" :vanNavBarObj="vanNavBarObj" :safeAreaBottom="false">
		<van-search :value="keywords" shape="round" @search="search" placeholder="搜索" />
		<view>
			<van-button id="van-button" type="primary" @click="showDialog">弹出框</van-button>
		</view>
		<view>
			<van-button type="info" @click="showToast">轻提示</van-button>
		</view>
		<van-picker show-toolbar title="标题" :columns="columns" />
		<!-- <van-calendar :show="true" /> -->
		<van-rate :value="rate" @change="rateChange" />
		<van-field :value="value" placeholder="请输入用户名" :border="false" @change="inputChange" />
	</ge-page>
	<!-- </view> -->
</template>

<script>
	export default {
		data() {
			return {
				keywords: '',
				columns: ['杭州', '宁波', '温州', '嘉兴', '湖州'],
				vanNavBarObj: {
					title: '首页',
					hideLeftArrow: true
				},
				value: '',
				rate: 2
			}
		},
		created() {

			uni.api.getOrder( {
				listType: 'all',
				page: 1
			}).then((res)=>{
				console.log(res)
			})
			uni.post('v1/banner/getBannerList').then((res) => {
				
			})
		},
		methods: {
			search(e) {
				console.log(e)
			},
			showDialog() {
				// console.log(uni.dialog)
				uni.dialog.confirm({
						title: '标题',
						message: '弹窗内容',
					})
					.then(() => {
						// on confirm
					})
					.catch(() => {
						// on cancel
					});
			},
			showToast() {
				uni.toast('轻提示！');
			},
			inputChange(e) {
				uni.toast(e.detail)
				this.value = e.detail
			},
			rateChange(e) {
				uni.toast(e.detail)
				this.rate = e.detail
			}
		}
	}
</script>

<style>
</style>
